import React from 'react'
import Input from '../ui-components/input'
import style from './style'
import Code from './Code'

export default class extends React.Component {

	state = {
		two: 'shjie047@gmail.com'
	}

	render() {
		return (
			<div className={style.root}>
				<Code>{'<Input label={..} type={..}/>'}</Code>
				<div>
					<Input 
						label="昵称" 
						type="text"/>
				</div>
				<div style={{marginTop: '50px'}}>
					<Input 
            autoFocus
						value={this.state.two}
						ref="two"
						onChange={(e) => {this.setState({two: e.target.value})}}
						attr='公开'
						name='email'
						label="邮箱" 
						type="text"/>
				</div>
				<div style={{marginTop: '50px'}}>
					<Input 
            disabled
						value={this.state.two}
						name='email'
						label="test" 
						type="text"/>
				</div>
				<div>
					<Input multi/>
				</div>
				<div>
					<Input value="sdfasdfads" disabled multi/>
				</div>
			</div>
		)
	}
}
